<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<html>
<head>
    <title>充值</title>
    <meta name="decorator" content="default"/>
    <link type="text/css" rel="stylesheet" href="${ctxStatic}/merchant/css/index.css"/>
    <link type="text/css" rel="stylesheet" href="${ctxStatic}/merchant/css/layui.css"/>
    <link type="text/css" rel="stylesheet" href="${ctxStatic}/merchant/css/pay/charge.css"/>
    <script src="${ctxStatic}/merchant/js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="${ctxStatic}/merchant/js/layui.all.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var s = 0;
            $('.lbnum ul li').click(function () {
                $('.lbnum ul li').removeClass('active');
                $(this).addClass('active');
                s = $(this).find('.lb').html();
                $('#money').html(s.substring(0, s.length - 1));
            });

            $('.payment input[type="button"]').click(function () {
                $("#cz").removeClass("active");
                // $("#wxcode").css("display","block");
                // $("#wxcode").addClass("active");
                $("#wxcodea").attr("href", "${ctx}/shop/shop/hkShopCoupon/getWxCodeUrl?money=" + $("#money").html());
                document.getElementById("wxcodea").click();
            })
        })
    </script>

</head>
<body>
<div class="content">
    <ul class="nav nav-tabs">
        <li class="active" id="cz"><a href="${ctx}/shop/shop/hkShopCoupon/goWXPay">充值</a></li>
        <li style="display: none;" id="wxcode"><a id="wxcodea">微信支付</a>
        </li>
    </ul>
    <br/>
    <div class="content-table">
        <div class="table-title">
            <span>充值金额</span>
            <span class="lbye">账户LB余额，可在乐小转APP消耗</span>
        </div>
        <div class="lbnum">
            <ul class="clearfix">
                <li>
                    <div class="lbList">
                        <span>3 000</span>
                        <span>乐币</span>
                    </div>
                    <div class="lb">30.00元</div>
                </li>
                <li>
                    <div class="lbList">
                        <span>5 000</span>
                        <span>乐币</span>
                    </div>
                    <div class="lb">50.00元</div>
                </li>
                <li>
                    <div class="lbList">
                        <span>10 000</span>
                        <span>乐币</span>
                    </div>
                    <div class="lb">100.00元</div>
                </li>
                <li>
                    <div class="lbList">
                        <span>20 000</span>
                        <span>乐币</span>
                    </div>
                    <div class="lb">200.00元</div>
                </li>
            </ul>
        </div>
        <div class="meet">应支付金额：<span id="money">0</span><i>元</i></div>
        <div class="payment">
            <input type="button" value="立即付款"/>
        </div>
    </div>
</div>
</body>
</html>
